/*
  请求地址:http://wthrcdn.etouch.cn/weather_mini  (失效)
  请求地址:http://ajax-api.itheima.net/api/weather
  请求方法:get
  请求参数:city(城市名)
  响应内容:天气信息

  1. 点击回车
  2. 查询数据
  3. 渲染数据
  */
 var app = new Vue({
    el:"#app",
    data:{
        city:"",
        weatherList:[]
    },
    methods:{
        searchWeather:function(){
           // console.info("天气查询");
            var that = this; //临时保存一下vue的this,为了在axios内部操作vue实例中的数据
           axios.get("http://ajax-api.itheima.net/api/weather?city="+this.city)
           .then(function(response){
            console.info(response)
            //console.info(response.data.data.data)
            that.weatherList = response.data.data.data
           },function(err){
            console.info(err)
           })
        },
        changeCity:function(city){
            console.info("改变城市");
            this.city = city;
            this.searchWeather();
        }
    }
 })